<% include('./includes/meta<!-- @echo envFile -->.html', {
  page: 'index',
  styles: ['base.css', 'index.css']
}) %>
</head>
<body>
<div class="g-container">
  <div class="g-main">
    <div class="swiper-container home-slider" id="slider">
      <% include('./includes/index_slide<!-- @echo envFile -->.html') %>
      <div class="slider-prev"></div>
      <div class="slider-next"></div>
      <div class="slider-page"></div>
    </div>
  </div>
  <div class="g-right">
    <div class="home-logo">
      <div class="">
        <img src="/@@/images/logo.png" alt="">
      </div>
      <div class="text">
        <img src="/@@/images/home/logo_text.png" alt="">
      </div>
    </div>
    <div class="home-mao">
      <div class="item"><img src="/@@/images/home/sunmao1.png" alt=""></div>
      <div class="item"><img src="/@@/images/home/sunmao2.png" alt=""></div>
      <div class="item"><img src="/@@/images/home/sunmao3.png" alt=""></div>
    </div>
    <% include('./includes/index_nav<!-- @echo envFile -->.html') %>
  </div>
</div>

{{include "./includes/foot.html" }}
<link href="//cdn.bootcss.com/Swiper/4.2.0/css/swiper.min.css" rel="stylesheet">
<script src="//cdn.bootcss.com/Swiper/4.2.0/js/swiper.min.js"></script>
<script>
var slider = new Swiper('#slider', {
  height: '100%',
  autoplay: true,
  loop: true,
  pagination: {
    el: '.slider-page'
  },
  navigation: {
    nextEl: '.slider-next',
    prevEl: '.slider-prev'
  }
})
</script>
{{include "./includes/bodyEnd.html" }}